Aligning Items & Justifying Content with Flexbox

To align items on the cross axis use align-items with the possible values:

• stretch
• flex-start
• flex-end
• center

To justify content on the main axis use justify-content, which has the possible values:

• flex-start
• flex-end
• center
• space-around
• space-between
• space-evenly